<template>
    <img class="image-view" :src="src" :style="{
        width: width + 'px',
        marginTop: top + 'px'
    }">
    </img>
</template>
<script lang="ts" setup>
defineProps({
    src: {
        type: String
    },
    width: {
        type: Number
    },
    top: {
        type: Number
    }
});
</script>
<style lang="scss" scoped>
.image-view {
    margin: auto;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
}
</style>